<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>海洋中国</title>
		<meta name="keywords" content="Marine China" />
		<meta name="description" content="Marine China" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="${ctxPath}/static/favicon.ico">
        <link rel="stylesheet" href="../../../static/portcss/bootstrap.css" type="text/css" />
		<link rel="stylesheet" href="../../../static/portcss/style.css" type="text/css" />
		<link rel="stylesheet" href="../../../static/portcss/css.css" />
		<link rel="stylesheet" href="../../../static/portcss/page.css" />
		<link rel="stylesheet" href="../../../static/portcss/online.css" />
		<link rel="stylesheet" href="../../../static/portcss/top.css" />
		<link rel="stylesheet" href="../../../static/portcss/bxslider.css" />
		<link rel="stylesheet" href="../../../static/portcss/layui.css" />
		<script src="../../../static/portjs/jquery-1.10.2.min.js"></script>
		<script src="../../../static/portjs/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../../static/portjs/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript" src="../../../static/portjs/online.js"></script>
		<script type="text/javascript" src="../../../static/portjs/common.js"></script>
		<script type="text/javascript" src="../../../static/portjs/bxslider.min.js"></script>
		<script type="text/javascript" src="../../../static/portjs/layui.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.bxslider').bxSlider({
					adaptiveHeight: true,
					infiniteLoop: true,
					hideControlOnEnd: true,
					auto: true,
					controls: false
				});
			});
		</script>
	</head>
	</head>

	<body>
		<div class="top hidden-xs">
			<div class="container">
				<div class="top-fl">海洋中国|Marine China</div>
				<div class="top-fr">
					<a href="#">登录</a>
				</div>
			</div>
		</div>
		<header class="header-frontend">
			<nav class="navbar navbar-default navbar-fixed-top">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
						<a href="#"><img src="../../../static/portimages/ouc.png" class="logo" style="margin-top: 6px;" /></a>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-nav-c">
							<li>
								<a href="#">海权历史</a>
							</li>
							<li>
								<a href="#">海权理论</a>
							</li>
							<li>
								<a href="#">海洋制度</a>
							</li>
							<li>
								<a href="#">海洋热点</a>
							</li>
							<li>
								<a href="#">海洋强国战略</a>
							</li>
							<li>
								<a href="#">中国海洋战略</a>
							</li>
							<li>
								<a href="#">海上丝绸之路</a>
							</li>
							<li>
								<a href="#">全球海洋治理</a>
							</li>

						</ul>
					</div>
				</div>
			</nav>
		</header>
		<img src="../../../static/portimages/121.jpg" style="width: 100%;" />
		<div class="pst_bg">
			<div class="pst">
				海洋中国
			</div>
		</div>
		<div class="scd clearfix">
			<div class="scd_l">
				<div class="s_name">
					<img src="../../../static/portimages/t2.png" width="138" height="48" alt="">
					<i>&nbsp;</i>
				</div>
				<ul class="s_nav">
					<li class="now">
						<a>海权历史</a>
					</li>
					<li>
						<a>海权理论</a>
					</li>
					<li>
						<a>海洋制度</a>
					</li>
					<li>
						<a>海洋热点</a>
					</li>
					<li>
						<a>海洋强国战略</a>
					</li>
					<li>
						<a>中国海洋战略</a>
					</li>
					<li>
						<a>海上丝绸之路</a>
					</li>
					<li>
						<a>全球海洋治理</a>
					</li>
				</ul>
			</div>
			<div class="scd_r">
				<div class="about1">

					<div class="Content_styles clearfix margin_bottom">
						<div class="Section_About">
							<div class="title_name">
								<div class="name">${page.category}</div>
								<span class="English">NEWS</span>
							</div>
							<!--内容-->
							<div class="page_Section ">
								<ul>
									<li class="on">
										<a href="#">消息动态</a>
									</li>
								</ul>
							</div>
							<div class="info">
								<ul class="news_list">
                                    @for(news in page.records){
									<li><em>◆</em>
										<a href="#">${news.title}</a><span class="time">${news.date,'yyyy-MM-dd'}</span></li>
									@}
								</ul>
							</div>
                            <div style="text-align: center;margin-top: 20px;">
                                总共有${page.total}条记录
                                <a href="/portal/getpageIndex/${page.records[0].category}/1"><img src="../../../static/portimages/first.png"></a><a href=""><img src="../../../static/portimages/previous.png"></a>
                                ${page.current}/${page.pages}页
                                <a href="/portal/getpage/${page.records[0].category}/${page.total}/${page.current}"><img src="../../../static/portimages/next.png"></a><a href="/portal/getpageIndex/${page.records[0].category}/${page.pages}"><img src="../../../static/portimages/last.png"></a>
                            </div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="copyright hidden-md hidden-xs mt">
			<div class="container">
				<div class="row">
					<div class="copy-left">
						<p><i class="iconfont"><img src="../../../static/portimages/logo1.png"/>
						<!--<p style="font-size: 13px;">Monday to Friday 9:00-21:00</p>
						<a href="" class="kf">Online Service</a>-->
					</div>
					<ul class="copy-mid"  style="position:absolute;left:50%;margin-left:-80px; margin-top: 20px;">
						<li>
							<h2 style="width: 600px;line-height:10px;margin-top:30px; margin-left:-200px;">海洋中国</h2>
							<h2 style="width: 600px;line-height:60px;margin-left:-200px;font-size:16px;">Marine China<br></h2>
							<dl>
								<dt style="width: 400px;margin-left: -100px;"><a class="disableCss">电话：123456789</a></dt>
								<dt style="width: 400px;margin-left: -100px;"><a class="disableCss">邮箱：xxxxat126.com</a></dt>
								<dt style="width: 400px;margin-left: -100px;"><a class="disableCss">地址：青岛市崂山区松岭路238号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;邮编：271000</a></dt>
							</dl>
						</li>
						
					</ul>
					<div class="copy-right">
						<p>WeChat</p>
						<img src="../../../static/portimages/wechat.png" style="margin-top: 10px;"/>
					</div>
				</div>
			</div>
		</div>
		<div class="copy  hidden-md hidden-xs ">Marine China &nbsp; &nbsp; &nbsp; &nbsp; ICP备案号：鲁ICP备字123456号</div>
		<div class="copy  hidden-md hidden-xs ">               
			                            友情链接：
						<a href="#" class="yyi">法政学院</a> |
						<a href="#"class="yyi">信息学院</a> |
						<a href="#"class="yyi">国家海洋局</a> |
						<a href="#"class="yyi">国家海洋信息中心</a>|
						<a href="#"class="yyi">中国海洋大学</a>
		</div>
	</body>

</html>